﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Grid.aspx.cs" Inherits="QLHD.Grid" %>

<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <title>Grid</title>
    
        <script src="http://vitalets.github.io/x-editable/assets/jquery/jquery-1.9.1.min.js"></script>  
        <script src="http://vitalets.github.io/x-editable/assets/mockjax/jquery.mockjax.js"></script>
        
        
        <!-- select2 --> 
        <link href="http://vitalets.github.io/x-editable/assets/select2/select2.css" rel="stylesheet">
        <script src="http://vitalets.github.io/x-editable/assets/select2/select2.js"></script>         
         
        <!-- bootstrap 3 -->
        <link href="http://vitalets.github.io/x-editable/assets/bootstrap300/css/bootstrap.css" rel="stylesheet">
        <script src="http://vitalets.github.io/x-editable/assets/bootstrap300/js/bootstrap.js"></script>

        
        <link href="http://vitalets.github.io/x-editable/assets/bootstrap-datetimepicker/css/datetimepicker.css" rel="stylesheet">
        <script src="http://vitalets.github.io/x-editable/assets/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>

        <!-- x-editable (bootstrap 3) -->
        <link href="http://vitalets.github.io/x-editable/assets/x-editable/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet">
        <script src="http://vitalets.github.io/x-editable/assets/x-editable/bootstrap3-editable/js/bootstrap-editable.js"></script>

        <!-- select2 bootstrap -->
        <link href="http://vitalets.github.io/x-editable/assets/select2/select2-bootstrap.css" rel="stylesheet">
       
        
        <link href="http://vitalets.github.io/x-editable/assets/demo-bs3.css" rel="stylesheet">
        
       
                
        <style type="text/css">
            body {
                padding-top: 50px;
                padding-bottom: 30px;
            }
            
            table.table > tbody > tr > td {
                height: 30px;
                vertical-align: middle;
            }
        </style>         

    </head>

    <body> 
        
        <table id="user" class="table table-bordered table-striped" style="clear: both">
            <tbody>     
                <tr>         
                    <td>Bootstrap Datetimepicker</td>
                    <td><a href="#" id="meeting_start" data-type="datetime" data-pk="1" data-url="/post" data-placement="right" title="Set date &amp; time" class="editable editable-click">15/03/2013 12:45</a></td>
                </tr>
                <tr>         
                    <td>Select2 (dropdown mode)</td>
                    <td class="select2-search"></td>
                </tr>  
                <tr>         
                    <td>Checklist</td>
                    <td id="fruits"></td>
                </tr>
                <tr>         
                    <td> State: <a href="#" id="state" data-value="FL">Florida</a>
                </td>
                    <td>County: <a href="#" id="county"></a></td>
                </tr>
            </tbody>
        </table>
        <div style="float: left; width: 50%">
                <div><textarea id="console" class="form-control" rows="8" style="width: 70%"></textarea></div>
            </div>
        <script src="http://vitalets.github.io/x-editable/assets/demo-mock.js"></script> 
        <script src="/X-Editable/Scripts/demo.js"></script>         
        
    </body>
</html>